<template>
  <div>
    <h1 class="title">文章标题</h1>

    <div class="info">
      <span>作者：{{ infoData.nickname }}</span>
      <span>发布时间：{{ infoData.pub_date | format }}</span>
      <span>所属分类： {{ infoData.cate_name }}</span>
      <span>状态：{{ infoData.state }}</span>
    </div>

    <el-divider></el-divider>
    <img :src="'http://www.liulongbin.top:3008' + infoData.cover_img" alt="" />

    <div>文章正文</div>
    {{ infoData.content }}
  </div>
</template>
           
<script>
export default {
  name: '',
  props: ['infoData'],
  data() {
    return {}
  },
  created() {},
  computed: {},
  methods: {},
}
</script>
<style lang="less" scoped>
.title {
  font-size: 24px;
  text-align: center;
  font-weight: normal;
  color: #000;
  margin: 0 0 10px 0;
}

.info {
  font-size: 12px;
  span {
    margin-right: 20px;
  }
}
</style>